<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>chatRoom</title>
    <link rel="stylesheet" type="text/css" href="../static/css/login.css"/>
    <link rel="icon" type="image/x-icon" href="../static/img/favicon.ico" />
</head>
<body>
<div class="user">
    <div class="user_options-container">
        <div class="user_options-text">
            <div class="user_options-unregistered">
                <h2 class="user_unregistered-title">还未拥有账号?</h2>
                <p class="user_unregistered-text">点击下方注册按钮，注册一个新账号吧</p>
                <button class="user_unregistered-signup" id="signup-button">注册</button>
            </div>

            <div class="user_options-registered">
                <h2 class="user_registered-title">已经拥有一个账号?</h2>
                <p class="user_registered-text">点击下方登录按钮，登录我们的网站</p>
                <button class="user_registered-login" id="login-button">登录</button>
            </div>
        </div>

        <div class="user_options-forms" id="user_options-forms">
            <div class="user_forms-login">
                <h2 class="forms_title">登录</h2>
                <form id="login_form" class="forms_form" action="/login" method="post">
                    <fieldset class="forms_fieldset">
                        <div class="forms_field">
                            <input type="email" name="email" placeholder="邮箱" class="forms_field-input" required
                                   autofocus/>
                        </div>
                        <div class="forms_field">
                            <input type="password" name="password" placeholder="密码" class="forms_field-input"
                                   required/>
                        </div>
                    </fieldset>
                    <div class="forms_buttons">
                        <button type="button" class="forms_buttons-forgot">忘记密码?</button>

                        <input type="submit" value="登录" class="forms_buttons-action">
                    </div>
                </form>
            </div>
            <div class="user_forms-signup">
                <h2 class="forms_title">注册</h2>
                <form id="register_form" class="forms_form">
                    <fieldset class="forms_fieldset">
                        <div class="forms_field">
                            <input type="text" name="name" placeholder="用户名长度最长6位" class="forms_field-input" required/>
                        </div>
                        <div class="forms_field">
                            <input type="email" name="email" placeholder="邮箱" class="forms_field-input" required/>
                        </div>
                        <div class="forms_field">
                            <input type="password" name="password" placeholder="密码至少8位" class="forms_field-input"
                                   required/>
                        </div>
                    </fieldset>
                    <div class="forms_buttons">
                        <input type="submit" value="注册" class="forms_buttons-action">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script src="../static/js/customizeAlert.js"></script>
<script src="../static/js/login.js"></script>

</body>
</html>